﻿<common:PageBase
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="using:Microsoft.Practices.Prism.Mvvm"
    xmlns:common="using:dwindleUrl.Common"
    xmlns:designTime="using:dwindleUrl.DesignTime"
    x:Class="dwindleUrl.Views.MainPage"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d" FontFamily="Global User Interface">
    <common:PageBase.BottomAppBar>
        <CommandBar IsOpen="True" IsSticky="True">
            <AppBarButton Icon="Help" Label="About"
                          Command="{Binding AboutCommand}"
                          Visibility="{StaticResource VisibleWhenPhone}"/>
            <AppBarButton Icon="OpenFile" Label="Open"
                          Command="{Binding OpenCommand}"/>
        </CommandBar>
    </common:PageBase.BottomAppBar>

    <d:Page.DataContext>
        <designTime:MainPageViewModel/>
    </d:Page.DataContext>

    <Hub Header="dwindle url" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <!--<Hub.Transitions>
            <TransitionCollection>
                <PopupThemeTransition/>
            </TransitionCollection>
        </Hub.Transitions>-->
        <HubSection Header="{Binding Value}">
            <DataTemplate>
                <GridView SelectedItem="{Binding Selected,Mode=TwoWay}" ItemsSource="{Binding Items}">
                    <GridView.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid Height="150" Width="150" Background="{Binding Brush}" Margin="2"/>
                                <StackPanel Background="Black" Opacity="0.7" VerticalAlignment="Bottom" >
                                    <TextBlock Text="{Binding Text}"
                                               TextAlignment="Center" Margin="0"
                                               VerticalAlignment="Center" />
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </GridView.ItemTemplate>
                </GridView>
            </DataTemplate>
        </HubSection>
    </Hub>

</common:PageBase>
